<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>折现图+柱状图</title>
    <script src="../../echarts/echarts.min.js"></script>
    <style>
        #main,
        #app,
        #line {
            width: 100%;
            height: 500px;
        }
    </style>
</head>

<body>
    <p>面试统计</p>
    <hr>
    <p>约见平台</p>
    <!-- 柱状图 （平台约见）-->
    <div id="main"> </div>
    <!-- 饼图 （平台约见） -->
    <div id="app"> </div>
    <!-- 折线图 （面试情况统计）-->
    <div id="line"> </div>

    <script src="../../xhr_ajax交互/js/jquery-3.6.0.js"></script>
    <script src="./fun.js"></script>
    <script>
        // 平台约见
        function v() {
            $.ajax({
                type: 'get',
                url: 'http://39.106.207.209:8100/interview/getPlatStaticsData',
                success(res) {
                    showPlatStaticsDataEcharts(res.data) //柱状图
                    showPlatStaticsDatapieEcharts(res.data) //饼状图
                }
            })
        }
        v()

        // 面试情况统计
        function lin() {
            $.ajax({
                type: 'get',
                url: 'http://39.106.207.209:8100/interview/getQuestStaticsData',
                success(res) {
                    // console.log(res.data);
                    showQuestStaticsDataEcharts(res.data) //折现图
                }
            })
        }
        lin()
    </script>

</body>

</html>